<page-header></page-header>
<nz-card style="min-height: calc(100vh - 225px); text-align: -webkit-center">
  <div style="width: 1120px; height: 665px; background: beige; position: relative; border-radius: 100px">
    <img src="assets/img/2dPets01.png" style="width: 150px; height: 150px; position: absolute; left: -50px; top: -12px" />
    <img src="assets/img/2dPets02.svg" style="width: 150px; height: 150px; position: absolute; right: -50px; top: -12px" />
    <img src="assets/img/2dPets03.svg" style="width: 150px; height: 150px; position: absolute; left: -50px; bottom: -12px" />
    <img src="assets/img/2dPets04.svg" style="width: 150px; height: 150px; position: absolute; right: -50px; bottom: -12px" />
    <a style="position: absolute; left: 400px; top: 65px" (click)="edit()">
      <i nz-icon style="font-size: 28px" [nzIconfont]="'pets_edit'"></i>
    </a>
    <div class="pt30">
      <span style="font-size: 55px">本站信息</span>
    </div>
    <div style="padding-top: 30px">
      <span style="font-size: 50px; letter-spacing: 15px; font-weight: 600">萌宠汇</span>
    </div>
    <div style="padding-top: 30px; width: 800px">
      <div class="box">
        <div>&nbsp;</div>
        <span class="font-styles1">联系电话</span>
        <div>&nbsp;</div>
        <span class="font-styles2">{{ data.phone }}</span>
      </div>
      <div class="box" style="margin-left: 100px; margin-bottom: 50px">
        <div>&nbsp;</div>
        <span class="font-styles1">邮箱</span>
        <div>&nbsp;</div>
        <span class="font-styles2">{{ data.email }}</span>
      </div>
      <div class="box">
        <div>&nbsp;</div>
        <span class="font-styles1">营业时间</span>
        <div>&nbsp;</div>
        <span class="font-styles2">{{ data.operatingHours }}</span>
      </div>
      <div class="box" style="margin-left: 100px">
        <div>&nbsp;</div>
        <span class="font-styles1">地址</span>
        <div>&nbsp;</div>
        <span class="font-styles2">{{ data.address }}</span>
      </div>
    </div>
  </div>
</nz-card>
